<?xml version='1.0' encoding='UTF-8' ?>

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <ui:insert name="title">
        </ui:insert>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
        <link rel="stylesheet" href="../../res/css/bootstrap/smoothness/jquery-ui-1.10.0.custom.css" type="text/css" ></link>
        <link href="../../res/css/bootstrap/bootstrap.min.css" rel="stylesheet" media="screen" ></link>
        <script src="../../res/js/jquery-1.10.2.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->

        <script src="../../res/js/jquery.bpopup.min.js" type="text/javascript"></script>
        <script src="../../res/js/jquery-ui-1.10.0.custom.js"></script>
        <script src="../../res/js/scripts.js"></script>
        <link rel="stylesheet" href="../../res/css/style.css" type="text/css"></link>
        <!--bpopup-->
        <script src="../../res/js/jquery.bpopup.min.js" type="text/javascript"></script>
        <script src="../../res/js/bootstrap.min.js"></script>
        <script src="../../res/js/jcarousellite_1.0.1.min.js"></script>
        <script type="text/javascript" src="../resources/js/jquery.scrollbox.js"></script>
        <script type="text/javascript">
            //<![CDATA[
            function loadholder() {
            var allPL = document.getElementsByClassName("pl");
            for (i = 0; i < allPL.length; i++) {
            allPL[i].setAttribute("placeholder", allPL[i].getAttribute("alt"));
            }
            }
            ;
            //]]>

        </script>

        <script type="text/javascript" src="../../res/js/userdefine.js">

        </script>
        <ui:insert name="head">

        </ui:insert>
    </h:head>
    <h:body onload="loadholder();" >
        <div class="my-fluid-container border1">
            <div class="row" id="top-panel">

                <div class="col-2 col-lg-2 col-sm-2">
                    <span id="top_logo"></span>
                </div>
                <div class="col-6 col-lg-6 col-sm-6" >
                    <ul class="nav nav-pills">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#">Personal page</a></li>
                        <li><a href="#">Result</a></li>
                        <li><a href="#">Admission Form</a></li>     
                        <li> <!--<h:panelGroup rendered="#{abstractUserBean.currentLogin != null}">-->
                            <span class="btn-group" id="profile">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                    <img width="30" height="30" src="../../res/img/BlueRibbonLogo.jpg" />
                                    Signed at <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                            </span>
                            <!--</h:panelGroup>--></li>
                    </ul>

                </div>
                <div class="col-3 col-lg-3 col-sm-3" >


                </div>
                <div class="page-header style1">
                    <h1><span class="logo_text" style="z-index: 5;">Cactus</span> <small>University</small></h1>
                </div>
                <div class="col-3 col-sm-3 col-lg-3"></div>
                <div class="col-6 col-lg-6 col-sm-6 alert alert-warning">
                    <ul class="nav nav-pills nav-justified">
                        <li><a href="#">Home</a></li>
                        <li class="active"><a href="#">Personal</a></li>
                        <li><a href="#">Messages</a></li>
                        <li><a href="login.xhtml">Login</a></li>
                    </ul>
                </div>              
            </div>
            <div class="row" id="middle-panel">
                
                <!--<div class="col-7 col-sm-8 col-lg-8" style="">-->
                    <ui:insert name="content">

                    </ui:insert>

                <!--</div>-->
                
            </div>
            <div class="row" id="bottom-panel">
                <div class="page-header"></div>
                Home Register
            </div>

        </div>


    </h:body>
</html>

